<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<title>疯狂"答人"</title>
		<style type="text/css">
			html,
			body {
				background-color: #4bd1b6;
				height: 100%;
			}
		</style>
	
	</head>
	
	<body>
		<div class="page4">
			<div class="choujiang ly-plate">
				<p class="title">你有<span id="times">1</span>次抽奖机会</p>
				<div class="rotate-bg">
					<div class="zhuandong" id="lotteryBtn">
						<img class="zhizheng" src="img/zhizheng.png" />
					</div>
					<div class="lottery-star">
						<img class="useless" src="img/zhizheng.png">
					</div>
					
				</div>
			</div>
			<div class="introduce">
				<div class="title">
					<p class="p"><img src="img/biaoti1.png" /></p>
					<p class="font">奖品“抵价券”的使用说明</p>
					<p class="p"><img src="img/biaoti2.png" /></p>
				</div>
				<ul class="ul1">
					<li><span></span>200元的抵价券只能用于督导级别认证哦~ </li>
					<li><span></span>400元的抵价券只能用于经理级别认证哦~ </li>
					<li><span></span>600元的抵价券只能用于总监级别认证哦~ </li>
					<li><span></span>800元的抵价券只能用于高级级别认证哦~ </li>
					<li><span></span>抵价券有效期限即日起截止到2016年9月30日</li>
				</ul>
				<div class="img">
					<img class="img1" src="img/shutiao.png" />
					<img class="img2" src="img/shutiao.png" />
				</div>
			</div>
			<div class="introduce IHMA">
				<div class="title">
					<p class="p"><img src="img/biaoti1.png" /></p>
					<p class="font">国际饭店业职业经理人协会（IHMA）</p>
					<p class="p"><img src="img/biaoti2.png" /></p>
				</div>
				<p class="p1">IHMA是全球酒店业职业经理人互动交流的非营利性国际组织机构。IHMA会定期举办资源分享会，在提升个人价值的同时，打造属于自己的优质人脉圈，在中国已有4万余名酒店人加入IHMA。</p>
				<a href="javascript:;">
					前往查看IHMA详情
					<img src="img/jiantou.png" />
				</a>
			</div>
			<div class="menu new-menu">
				<ul>
					<li class="li1 js-share">
						<img src="img/shareblue.png" />
						<p>召唤小伙伴</p>
					</li>
					<li class="li2">
						<img src="img/jixu.png" alt="" />
						<p><a href="page2.html">继续答题</a></p>
					</li>
					<li class="li3 js-rule-record">
						<img src="img/page2-awaid.png" />
						<p>奖励记录</p>
					</li>
				</ul>
			</div>
		</div>

		<div class="background"></div>
		<div class="share-background"></div>
		<!--获得奖励-->
		<div id="js-award" class="all-title-end display">
			<div class="img">
				<img src="img/huojiang.png" />
			</div>
			<div class="end">
				<div class="img">
					<img src="img/shouhuan.png" />
				</div>
				<div class="btn">
					<p id="js-affirm" class="award affirm">确认领取</p>
				</div>
			</div>
		</div>
		<!--填写联系方式-->
		<div  class="chonse-again display  js-userinfo">
			<p>奖品将由客服与您联系后发放</p>
			<div class="userinfo">
				<div>
					姓名：<input class="userName" type="text" maxlength="16" placeholder="" />
				</div>
				<p class="errName">姓名不能为空</p>
				<div>
					手机：<input class="userNum" type="text" maxlength="11" placeholder="" />
				</div>
				<p class="errNum">请输入正确的手机号码</p>
			</div>
			<div class="btn">
				<p class="btnColor js-cancle">取消</p>
				<p class="submit">提交</p>
			</div>
		</div>
		<!--奖励记录-->
		<div class="rule-record">
			<div class="activity-img">
				<img src="img/huodongguizhe.png" />
				<p>奖励记录</p>
			</div>
			<div class="total">
				<p class="chisu">您还有 <span>15</span> 次抽奖机会</p>
				<div class="record">
					<ul>
						<li>
							<div class="img1">
								<img src="img/20yuan.png" />
							</div>
							<p>600元抵用券（总监级别）</p>
						</li>
						<li>
							<div class="img1">
								<img src="img/600yuan.png" />
							</div>
							<p>600元抵用券（总监级别）</p>
						</li>
						<li>
							<div class="img1">
								<img src="img/800yuan.png" />
							</div>
							<p>600元抵用券（总监级别）</p>
						</li>

					</ul>
				</div>
				<div class="close-img">
					<img src="img/close-img.png" />
				</div>
			</div>
		</div>
		<!--分享朋友圈-->
		<div class="share">
			<img src="img/sharefriends.png" />
		</div>
		<!--答题机会没有,前往答题-->
		<div class="chonse-again display js-times">
			<p>您当前抽奖机会次数为0，</p>
			<p>答题即可获取抽奖机会吧~</p>
			<div class="btn">
				<p class="close-img btnColor">我知道了</p>
				<a class="true btnA" href="page2.html">前往答题页面</a>
			</div>
		</div>
		<!--客服联系弹窗-->
		<div class="chonse-again display js-last-window">
			<p>客服人员将在三个工作日内</p>
			<p>与您联系</p>
			<div class="btn">
				<p class="close-img btnColor">我知道了</p>
				<p class="btnColor2">邀请更多好友</p>
			</div>
		</div>
		<!--放弃奖励-->
		<div class="chonse-again display give-up">
			<p>您要放弃这份奖励么？</p>
			<div class="btn">
				<p class="js-cancle-award btnColor">取消</p>
				<p class="close-img btnColor">确定</p>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.easing.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jQueryRotate.2.2.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(".share-background").click(function() {
			$(this).hide(100)
			$('.share').hide(100);
			$('html body').css({
				'overflow': 'auto'
			})
		})
	</script>

</html>